<?php
	if (isset($_FILES['nombre_img']['name']))
	{
		$ruta_destino = "images/hotel/";
		move_uploaded_file($_FILES['nombre_img']['tmp_name'], $ruta_destino . $_FILES['nombre_img']['name']);
	}
	$titulo = "Crear Página";
	session_start();
	require "cabecera.php";
	?>
	
</head>
<body>
	<input type="hidden" value="0" id="cantidad_elem" name="cantidad_elem"/>
	
	<div id="botonera" name="botonera">
		<a onclick="esconderSeccion('#botonera'); mostrarSeccion('div_texto')" class="boton">Nuevo Texto</a>
		<a onclick="esconderSeccion('#botonera'); mostrarSeccion('div_lista')" class="boton">Nueva Lista</a>
		<a onclick="esconderSeccion('#botonera'); mostrarSeccion('div_img')" class="boton">Nueva Imágen</a>
		<a onclick="esconderSeccion('#botonera'); mostrarSeccion('div_btn')" class="boton">Nuevo Botón</a>
		<a href="crea_pagina.php" class="boton">Crear Página</a>
	</div>
	
	<div id="div_texto" name="div_texto" class="seccion">
		<table>
			<tr>
				<td>Tipo:</td>
				<td>
					<select id="tipo">
						<option value="h2">Título</option>
						<option value="p">Párrafo</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>Nombre:</td>
				<td><input type="text" id="nombre" /></td>
			</tr>
			<tr>
				<td>Clase:</td>
				<td><input type="text" id="clase" /></td>
			</tr>
			<tr>
				<td>Texto:</td>
				<td><textarea id="texto"></textarea></td>
			</tr>
			<tr>
				<td colspan="2"><a onclick="esconderSeccion('#div_texto'); mostrarSeccion('botonera')" class="boton">Cancelar</a>
				<a id="btn_texto" name="btn_texto" class="boton" onclick="agregarTexto('div_preview')">Confirmar</a></td>
			</tr>
		</table>
	</div>
	
	<div id="div_lista" name="div_lista" class="seccion">
		<table id="table_lista" name="table_lista">
			<tr>
				<td>Nombre:</td>
				<td><input type="text" id="nombre_lista" name="nombre_lista" /></td>
			</tr>
			<tr>
				<td>Clase:</td>
				<td><input type="text" id="clase_lista" /></td>
			</tr>
			<tr>
				<td>Texto:</td>
				<td><input type="text" id="texto_lista" /></td>
			</tr>
			<tr>
				<th colspan="2">Lista</th>
			</tr>
			<tr>
				<td colspan="2"><input type="text" />
				<a onclick="agregarItemLista()" class="boton">+</button></td>
			</tr> 
			<tr>
				<td colspan="2"><a onclick="cancelarLista(); esconderSeccion('#div_lista'); mostrarSeccion('botonera')" class="boton">Cancelar</a>
				<a id="btn_lista" name="btn_lista" class="boton" onclick="agregarLista('div_preview')">Confirmar Lista</a></td>
			</tr>
		</table>
	</div>
	
	<div id="div_img" name="div_img" class="seccion">
		<table>
			<tr>
				<td>Nombre:</td>
				<td><input type="text" id="id_img" name="id_img"></td>
			</tr>
			<tr>
				<td>Clase:</td>
				<td><input type="text" id="clase_img" name="clase_img"></td>
			</tr>
			<tr>
				<td>Imágen:</td>
				<td><input type="file" id="images" name="images" multiple></td>
			</tr>
			<tr>
				<td colspan="2"><a onclick="esconderSeccion('#div_img'); mostrarSeccion('botonera')" class="boton">Cancelar</a>
				<a onclick="esconderSeccion('#div_img'); mostrarSeccion('botonera')" class="boton">Confirmar</a></td>
			</tr>
		</table>
	</div>
	
	<div id="div_btn" name="div_btn" class="seccion">
		<table>
			<tr>
				<td>Nombre:</td>
				<td><input type="text" id="nombre_btn" /></td>
			</tr>
			<tr>
				<td>Clase:</td>
				<td><input type="text" id="clase_btn" /></td>
			</tr>
			<tr>
				<td>Texto:</td>
				<td><input type="text" id="texto_btn"></td>
			</tr>
			<tr>
				<td>Link:</td>
				<td><input type="text" id="link_btn"></td>
			</tr>
			<tr>
				<td colspan="2"><a onclick="esconderSeccion('#div_btn'); mostrarSeccion('botonera')" class="boton">Cancelar</a>
				<a id="btn_btn" name="btn_btn" onclick="agregarBtn('div_preview')" class="boton">Confirmar</a></td>
			</tr>
		</table>
	</div>
	
	<div id="div_preview" name="div_preview" style="position: absolute; top: 300px;">
		
	</div>
	
	<!--script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script-->
	<script src="js/jquery-2.0.3.min.js"></script>
	<script src="js/agregar_elementos.js"></script>
	<script src="js/subir_imagen.js"></script>
</body>
</html>